<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./main-template.xhtml">
            <ui:param name="titulo" value="Administración de Clientes" />
            <ui:define name="body">
                <a4j:form id="nuevo">
                    <rich:panel>
                         <f:facet name="header" >
                            Administración de Clientes
                        </f:facet>
                        <h:panelGrid >
                            <h:outputLabel value="Código"/>
                            <h:inputText value="#{ClientBean.cliente.customerCode}" />
                            <h:outputLabel value="Nro. Documento" />
                            <h:inputText value="#{ClientBean.cliente.numeroDocumentoIde}" />
                            <h:outputLabel value="Nombre" />
                            <h:inputText value="#{ClientBean.cliente.nombre}" />
                            <h:outputLabel value="Dirección" />
                            <h:inputText value="#{ClientBean.cliente.direccion}" />
                            <h:outputLabel value="Teléfono" />
                            <h:inputText value="#{ClientBean.cliente.telefono}" />
                        </h:panelGrid>
                        <h:panelGrid columns="2">
                            <a4j:commandButton value="Agregar" action="#{ClientBean.add}" reRender="tblClientes"/>
                            <a4j:commandButton value="Editar" action="#{ClientBean.edit}"/>
                            <a4j:commandButton value="Eliminar" action="#{ClientBean.delete}"/>
                            <h:commandButton value="Nuevo"  type="reset"   />
                        </h:panelGrid>
                    </rich:panel>
                    <rich:panel>
                        <rich:extendedDataTable id="tblClientes" height="360px" value="#{ClientBean.listClientes}" var="cr">
                            <rich:column>
                                <f:facet name="header">
                                    Código
                                </f:facet>
                                #{cr.customerCode}
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    Cédula
                                </f:facet>
                                #{cr.numeroDocumentoIde}
                            </rich:column>
                            <rich:column width="90">
                                <f:facet name="header">
                                    Nombre
                                </f:facet>
                                #{cr.nombre}
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    Dirección
                                </f:facet>
                                #{cr.direccion}
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    Teléfono
                                </f:facet>
                                #{cr.telefono}
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    Cargar
                                </f:facet>
                                <h:commandLink id="commandLink1" value="Cargar" action="#{ClientBean.load}" binding="#{ClientBean.commandLink1}">
                                    <h:inputHidden id="inputHidden1" value="#{cr.customerCode}"/>
                                </h:commandLink>
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    Eliminar
                                </f:facet>
                                <h:commandLink id="commandLink2" value="Eliminar" action="#{ClientBean.delete}">
                                    <h:inputHidden id="inputHidden2" value="#{cr.customerCode}"/>
                                </h:commandLink>
                            </rich:column>
                        </rich:extendedDataTable>
                    </rich:panel>
                </a4j:form>
            </ui:define>
        </ui:composition>
    </body>
</html>